

    <div class="intro-header">

        <div class="container">

            <div class="row">
                <div class="col-lg-12">
                    <div class="intro-message">
                        <h3>Species Observation Recording</h3>
                        <p class="entry_separation">________________________</p>
                        <button type="button" class="btn btn-primary btn-lg">Start Demo <span class="glyphicon glyphicon-play"></span></button>
                    </div>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.intro-header -->
    

    <div class="content-section-a">

        <div class="container">

            <div class="row">
                <div class="col-lg-5 col-sm-6">
                    <div class="clearfix"></div>
                    <p class="lead">GoSpecies is build on open source technologies: Php, Postgresql, Postgis, OpenLayers, JQuery, NodeJs</p>
                </div>
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
			<div class="row">
			  <div class="col-xs-6">
			  	<img class="img-responsive" src="img/PostgreSQL_logo.3colors.120x120.png" alt="">
                                <img class="img-responsive" src="img/php-med-trans-light.gif" alt="">
                                <img class="img-responsive" src="img/jquery_logo.jpg" alt="">
                          </div>
			  <div class="col-xs-6">
			  	<img class="img-responsive" src="img/adbadge_square_120.gif" alt="">
                                <img class="img-responsive" src="img/Download.jpg" alt="">
                                <img class="img-responsive" src="img/nodejs.jpg" alt="">
                          </div>
			</div>

                    
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-a -->

    <div class="content-section-b">

        <div class="container">

            <div class="row">
                <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
                    <div class="clearfix"></div>
                    <p class="lead">The client front end is build on the HTML, CSS, and JS framework Bootstrap. It works on desktop and mobile devices.</p>
                </div>
                <div class="col-lg-5 col-sm-pull-6  col-sm-6">
                    <img class="img-responsive" src="img/bootstrap.jpg" alt="">
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-b -->   

